<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title> - 库房</title>
    <meta name="keywords" content="">
    <meta name="description" content="">

    <link rel="shortcut icon" href="__PUBLIC__/admin/favicon.ico">
    <link href="__PUBLIC__/admin/css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="__PUBLIC__/admin/css/font-awesome.css?v=4.4.0" rel="stylesheet">
    <link href="__PUBLIC__/admin/css/animate.css" rel="stylesheet">
    <link href="__PUBLIC__/admin/css/style.css?v=4.1.0" rel="stylesheet">
    <style>
        .table-actions {
            margin-bottom: 10px;
            padding: 0px;
        }
    </style>

</head>

<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeIn">
    <div class="row">
        <div class="tabs-container">
            <ul class="nav nav-tabs">
                <li class="">
                    <a  href="{:url('kucun/storehouse')}" >出库</a>
                </li>
                <li >
                        <a  href="{:url('kucun/rollout')}" >转库</a>
                    </li>
                <li class="">
                    <a  href="{:url('kucun/guihuan')}" >归还</a>
                </li>
                <li class="active">
                    <a  href="{:url('kucun/mingxi')}" >出入库明细</a>
                </li>
            </ul>
            <div class="tab-content">
                <div class="panel-body">
                        <form method="get" action="">
                            <div class="well form-inline panel-well">
                                合同号:
                                <input class="form-control" type="text" id="name" name="num" style="width: 120px;" value="">
                                <button type="submit" class="btn btn-primary">搜索</button>
                                <a id="btnClear" href="{:url('kucun/mingxi')}" class="btn btn-danger">清空</a>
                                <!--<a id="btnexport" href="javascript:exportExcel()" class="btn btn-primary">导出</a>-->
                            </div>
                        </form>
                        <div class="panel-body">
                            <table id="details" class="table table-hover table-bordered table-list ay-table">
                                <thead>
                                <tr>
                                    <th style="text-align: center; width:1%"></th>
                                    <th style="text-align: center; width:8%">缩略图</th>
                                    <th style="text-align: center; width:8%">合同号</th>
                                    <th style="text-align: center; width:10%">名称</th>
                                    <th style="text-align: center; width:8%">库区号</th>
                                    <th style="text-align: center; width:8%">操作类型</th>
                                    <th style="text-align: center; width:8%">库房状态</th>
                                    <th style="text-align: center; width:6%">日期</th>
                                </tr>
                                </thead>
                                <tbody>
                                {volist name="aclist" id="vo"}
                                    <tr>
                                        <td style="text-align: center;" class='js-num'></td>
                                        <td class="ay-center" style="vertical-align: middle;text-align: center;">
                                            {volist name="vo['image2']" id="v" offset="0" length="1"}
                                            <img src="__PUBLIC__/uploads/{$v}" data-original="__PUBLIC__/uploads/{$v}" class="js-viewer-image" style="cursor: zoom-in;height:80px;width:80px;">
                                            {/volist}
                                        </td>
                                        <th style="text-align: center;">{$vo.num}</th>
                                        <th style="text-align: center;">{$vo.name}</th>
                                        <th style="text-align: center;">{$vo['cnum']}</th>
                                        <td class="ay-center" style="vertical-align: middle">
                                            {if condition="$vo['state']==0 "}<span class="label label-danger">在库</span>
                                            {elseif condition="$vo['state']==1"}<span class="label label-success">出库</span>
                                            {elseif condition="$vo['state']==2"}<span class="label label-primary">转库</span> {/if}
                                            {if condition="$vo['why']==''"}
                                            <p></p>
                                            {else}
                                            <p>【{$vo['why']}】</p>
                                            {/if}
                                        </td>
                                        <th style="text-align: center;">{$vo.type}</th>
                                        <th style="text-align: center;">{$vo['time']|date="Y-m-d H:i:s",###}</th>
                                    </tr>
                                {/volist}
                                
                                </tbody>
                                 
                            </table>
                            
                        </div>
                     <div style="float:right;">{$list}</div`> 

                </div>
            </div>
            
        </div>
    </div>
</div>

<!-- 全局js -->
<script src="__PUBLIC__/admin/js/jquery.min.js?v=2.1.4"></script>
<script src="__PUBLIC__/admin/js/bootstrap.min.js?v=3.3.6"></script>

<!-- 自定义js -->
<script src="__PUBLIC__/admin/js/content.js?v=1.0.0"></script>
<!-- layerDate plugin javascript -->
<script src="__PUBLIC__/admin/js/plugins/layer/laydate/laydate.js"></script>
</body>

</html>
<script>
    //日期范围限制
    var start = {
        elem: '#start',
        format: 'YYYY/MM/DD hh:mm:ss',
        min: laydate.now(), //设定最小日期为当前日期
        max: '2099-06-16 23:59:59', //最大日期
        istime: true,
        istoday: false,
        choose: function (datas) {
            end.min = datas; //开始日选好后，重置结束日的最小日期
            end.start = datas //将结束日的初始值设定为开始日
        }
    };
    var end = {
        elem: '#end',
        format: 'YYYY/MM/DD hh:mm:ss',
        min: laydate.now(),
        max: '2099-06-16 23:59:59',
        istime: true,
        istoday: false,
        choose: function (datas) {
            start.max = datas; //结束日选好后，重置开始日的最大日期
        }
    };
    laydate(start);
    laydate(end);



    //日期范围限制001
    var start01 = {
        elem: '#start01',
        format: 'YYYY/MM/DD hh:mm:ss',
        min: laydate.now(), //设定最小日期为当前日期
        max: '2099-06-16 23:59:59', //最大日期
        istime: true,
        istoday: false,
        choose: function (datas) {
            end.min = datas; //开始日选好后，重置结束日的最小日期
            end.start = datas //将结束日的初始值设定为开始日
        }
    };
    var end01 = {
        elem: '#end01',
        format: 'YYYY/MM/DD hh:mm:ss',
        min: laydate.now(),
        max: '2099-06-16 23:59:59',
        istime: true,
        istoday: false,
        choose: function (datas) {
            start.max = datas; //结束日选好后，重置开始日的最大日期
        }
    };
    laydate(start01);
    laydate(end01);

    //日期范围限制002
    var start02 = {
        elem: '#start02',
        format: 'YYYY/MM/DD hh:mm:ss',
        min: laydate.now(), //设定最小日期为当前日期
        max: '2099-06-16 23:59:59', //最大日期
        istime: true,
        istoday: false,
        choose: function (datas) {
            end.min = datas; //开始日选好后，重置结束日的最小日期
            end.start = datas //将结束日的初始值设定为开始日
        }
    };
    var end02 = {
        elem: '#end02',
        format: 'YYYY/MM/DD hh:mm:ss',
        min: laydate.now(),
        max: '2099-06-16 23:59:59',
        istime: true,
        istoday: false,
        choose: function (datas) {
            start.max = datas; //结束日选好后，重置开始日的最大日期
        }
    };
    laydate(start02);
    laydate(end02);

    //日期范围限制003
    var start03 = {
        elem: '#start03',
        format: 'YYYY/MM/DD hh:mm:ss',
        min: laydate.now(), //设定最小日期为当前日期
        max: '2099-06-16 23:59:59', //最大日期
        istime: true,
        istoday: false,
        choose: function (datas) {
            end.min = datas; //开始日选好后，重置结束日的最小日期
            end.start = datas //将结束日的初始值设定为开始日
        }
    };
    var end03 = {
        elem: '#end03',
        format: 'YYYY/MM/DD hh:mm:ss',
        min: laydate.now(),
        max: '2099-06-16 23:59:59',
        istime: true,
        istoday: false,
        choose: function (datas) {
            start.max = datas; //结束日选好后，重置开始日的最大日期
        }
    };
    laydate(start03);
    laydate(end03);
    $(function(){
        
            
});
</script>
<script>
$(function () {
    // 编号自增
    for (var ii = 0; ii < $(".js-num").length; ii++) {
        $('.js-num').eq(ii).text(ii + 1);
    }
    // 全选
    $('.js-check-all-btn').click(function () {
        $('.js-check-all').prop('checked', this.checked);
        // 设置属性和值：
        // $(selector).prop(property, value)
    });
})

</script>


